@import "theme";
p {
  font-family: $--global-font-family;
}
.container {
  backdrop-filter: blur(15px);
  color: $--global-text-color--;
  border-radius: 5px;
  height: calc(100vh - 120px);
  overflow: hidden;
}

.ant-layout,
.ant-menu,
.ant-layout .ant-layout-sider {
  background: transparent;
}
.ant-layout-content,
.ant-breadcrumb,
.ant-breadcrumb li:last-child {
  color: $--global-text-color--;
}
.ant-menu-light .ant-menu-submenu-selected > .ant-menu-submenu-title,
.ant-menu-light
  > .ant-menu
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title {
  color: $--global-text-color--;
  font-weight: bolder;
  font-size: 16px;
}
.ant-menu-light .ant-menu-item-selected,
.ant-menu-light > .ant-menu .ant-menu-item-selected {
  background: rgba(255, 255, 255, 0.4);
}
.ant-menu-light .ant-menu-submenu-title,
.ant-menu-light .ant-menu-item,
.ant-breadcrumb .ant-breadcrumb-separator {
  color: $--global-text-color--;
}

.frostedGlass {
  background: rgba(255, 255, 255, 0.4) !important;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

.ant-menu-light.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-light > .ant-menu.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected,
.ant-menu-light > .ant-menu.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #fff;
}
.ant-menu-light.ant-menu-horizontal > .ant-menu-item-selected::after,
.ant-menu-light
  > .ant-menu.ant-menu-horizontal
  > .ant-menu-item-selected::after,
.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after,
.ant-menu-light
  > .ant-menu.ant-menu-horizontal
  > .ant-menu-submenu-selected::after {
  border-bottom-width: 2px;
  border-bottom-color: #fff;
}
.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {
  border-bottom-color: #fff;
}
.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
.ant-tabs .ant-tabs-tab:hover,
.ant-tabs .ant-tabs-tab-btn:active,
.ant-tabs .ant-tabs-tab-btn:focus:not(:focus-visible) {
  color: #fff;
}
.ant-tabs .ant-tabs-ink-bar {
  background: #fff;
}
/*定义滚动条高宽及背景
   高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 2px;
  height: 6px;
  background-color: #f5f5f5;
  border-radius: 5px;
}
/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #f5f5f5;
}
/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
